let uu = document.querySelector('.uu')
let foot = document.querySelector('.footer')
let span = document.querySelector('span')
let xdv = document.querySelector('.uuu>li>div:nth-of-type(2)')
fetch('http://chst.vip:1234/api/getbaicaijiatitle')
    .then(body => body.json())
    .then(res => {
        // console.log(res)
        render(res.result, uu)
    })
function render(data, el) {
    // console.log(data,el)
    let domStr=""
    data.forEach(item => {
        // console.log(item.title)
        // let li = document.createElement('li')
        //     console.log(result)
        //     // result = result[0]
        //     console.log(result)
        domStr+=`<li titleid=${item.titleId}> ${item.title}</li>`
        el.innerHTML = domStr
        // el.appendChild(li)
    })
}
uu.onclick = function (e) {
    $(this).siblings('.uuu').find('li').css('display','none')
    if (e.target.localName === 'li') {
        let _this = e.target
        // console.log(_this)
        let titleid = _this.getAttribute('titleid')
        titleid = Number(titleid)
        // console.log(titleid)
        fetch('http://chst.vip:1234/api/getbaicaijiaproduct?titleid='+titleid)
            .then(body => body.json())
            .then(res => {
                console.log(res)
                let listArr = res.result
                // console.log(listArr)
                listArr.forEach(item => {
                    // console.log(item.productImg)
                    let li = document.createElement('li')
                    let dv = document.createElement('div')
                    let xdv = document.createElement('div')
                    // let regExp= /(?<=imgsrc=)[^'"]*/
                    // let result = item.productImg.match(regExp)
                    // result = result[0]
                    // console.log(result)
                    let domStr = `${item.productImg}<b>${item.productName}</b>
                    <b>${item.productPrice}</b><b>立即抢购</b>`
                    li.innerHTML = domStr
                    li.appendChild(dv)
                    li.appendChild(xdv)
                    uuu.appendChild(li)
                    // $('li').find('div:eq(1)').animate({width:2.6667+'rem'},3000)
                    // let xdvw = xdv.clientWidth
                    // console.log(xdvw)
                })
                // renders(res.result, uuu)
                // 
                // let listStr = ''
                // listArr.forEach(function(item){
                //     listStr+=``
                // })
                $('li').find('div:eq(1)').animate({width:2.6667+'rem'},2000)

            })
    }
}
let uuu = document.querySelector('.uuu')
fetch('http://chst.vip:1234/api/getbaicaijiaproduct?titleid=0')
    .then(body => body.json())
    .then(res => {
        console.log(res)
        renders(res.result, uuu)
        // $('li').find('div:eq(1)').animate({width:2.6667+'rem'},2000)

    })
function renders(data, el) {
    // console.log(data, el)
    data.forEach(item => {
        // console.log(item.productImg)
        let li = document.createElement('li')
        // let dv = document.createElement('div')
        // let xdv = document.createElement('div')
        // let regExp= /(?<=imgsrc=)[^'"]*/
        // let result = item.productImg.match(regExp)
        // result = result[0]
        // console.log(result)
        let domStr = `${item.productImg}<b>${item.productName}</b>
        <b>${item.productPrice}</b><b>立即抢购</b><div></div><div>100%</div>`
        li.innerHTML = domStr
        // li.appendChild(dv)
        // li.appendChild(xdv)
        el.appendChild(li)
        $('li').find('div:eq(1)').animate({width:2.6667+'rem'},3000)
        // let xdvw = xdv.clientWidth
        // console.log(xdvw)
    })

}
span.onclick = function () {
    location.href = "./../index.html"
}
foot.onclick = function () {
    location.href = "./../index.html"
}



// $('.uuu').click(function () {
//     console.log($('div').last())
//     $('li').find('div:eq(1)').animate({ width: 2.6667 + 'rem' }, 1000)
// })
